<template>
  <div> 文档 </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, reactive } from 'vue'
import { getArticlesList } from '@/api/articles'
export default defineComponent({
  setup() {
    const state = reactive({
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        state: 1
      },
      articlesList: []
    })
    const getList = async (): Promise<void> => {
      const res = await getArticlesList(state.queryParams)
      state.articlesList = res?.data || []
    }

    onMounted(() => {
      getList()
    })
  }
})
</script>

<style scoped lang='scss'>
</style>